<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* html {
        font-size: 50px;
      } */
      body {
        font-family: "幼圆", "楷体", "微软雅黑";
      }
      div {
        width: 400px;
        height: 300px;
        border: solid black;
        font-size: 36px;
        /* color: #f00; */
        /* color: rgb(12, 255, 223); */
        /* color: rgba(255, 0, 0, 0.5); */
        /* background-color: rgba(0, 0, 255, 0.4); */
        /* font-family: 'Courier New', Courier, monospace; */

        /* font-weight: bolder; */
        font-style: oblique;
      }
    </style>
  </head>
  <body>
    <div>文字属性</div>
  </body>
</html>

<!-- 
  文本属性
    1. font-size 文字大小
      默认值是16px
      单位:
        px
        em: 表示自身元素的字体大小的倍数
        rem: 表示的是根元素的字体大小的倍数
        pt: 一般不用，用于印刷行业
        vw: 表示的浏览器窗口宽度的百分比
        vh: 表示的浏览器窗口高度的百分比
        vmin: 表示的是浏览器窗口的宽和高里面短的那一边的百分比
        vmax: 表示的是浏览器窗口的宽和高里面长的那一边的百分比，一般用于大屏可视化页面
        不能使用百分号
      关键字
        xx-large-32px x-large-24px / large-18px / medium-16px / small-13px
      字体大小
        最小是12px
        最新版本的chrome浏览器不受限制了


    2. color 文字颜色
      1. 英文单词
        red / green / blue 等等
      2. # + 6位数字(3个16进制的数字)
        红绿蓝
        0 1 2 3 4 5 6 7 8 9 10 11 ...
        0 1 2 3 4 5 6 7 8 9 a b c d e f 10 11 ... ff
      3. rgb()
        需要三个参数 0-255的数字
        red/green/blue
      4. rgba()
        a表示透明度，0-1的小数


    3. font-family 字体
      可以写多个字体，中间用逗号隔开
      会优先用前面的字体，如果没有，就用后面的字体

      如果是中文的字体都需要加引号，英文如果只有一个单词不需要加引号，有多个单词就需要加

    
    4. font-weight 字体加粗
      可以写100-900,逐渐变粗
      normal: 不变粗, 默认值
      bold: 加粗
      bolder: 更粗


    5. font-style  字体倾斜
      normal: 不倾斜
      italic: 倾斜  斜体字
      oblique: 倾斜   倾斜的文字



 -->
